<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
    <script src="../js/topfoot.js"></script>
</head>
<style>
    .companytitle {
        color: orange;
        border: 1px solid gray;
        line-height: 50px;
        font-size: 30px;
        margin-top: 20px;
        text-indent: 10px;
    }

    .companycontent {
        border: 1px solid gray;
        line-height: 30px;
        text-indent: 2em;
        padding: 10px;
        margin-bottom: 20px;
    }
    #divImg {
        width: 1000px;
        height: 300px;
        margin: 100px auto;
        position: relative;
        overflow: hidden;
    }

    #divImg ul {
        position: absolute;
        left: 0;
        top: 0;
    }

    #divImg ul li {
        float: left;
        width: 300px;
        height: 300px;
        list-style: none;
        margin: 10px;
    }
</style>
<script>
    $(function () {
        getCompany();
        lunbo();
    });

    function getCompany() {
        let data = myAjax("company", '', "get");
        $("#company-name").html(data[0].name);
        $("#company-content").html(data[0].content);
    }

    function lunbo() {
        var oDiv = document.getElementById('divImg');
        var oUl = oDiv.getElementsByTagName('ul')[0];
        var aLi = oUl.getElementsByTagName('li');

        oUl.innerHTML = oUl.innerHTML + oUl.innerHTML;//变成两副图，然后才能实现无缝滚动

        oUl.style.width = aLi[0].offsetWidth * aLi.length + 'px';//随便获取一个li的宽度，这里用第一个代表计算出ul的长度
        setInterval(function () {
            if (oUl.offsetLeft < -oUl.offsetWidth / 2) {//offsetLeft是负数，而offsetWidth是一个最小大于0的数，所以加个-号才能进行比较
                oUl.style.left = '0';//当所有图片滚动完之后将left设置为0意味着后面无缝地接着第一张图片，这个过程如果看见两副图片就会看见有些变化，但实际上只会看见一副，所以几乎没有变化
            }
            oUl.style.left = oUl.offsetLeft - 2 + 'px';//每次向左移动2px

        }, 30);
    };
</script>
<body>

<div id="tophtml"></div>
<div class="content">
    <div class="companytitle" id="company-name">
        公司介绍
    </div>
    <div class="companycontent" id="company-content">
        <!--         星语餐饮有限公司创建于1997年，公司总部位于全国卫生城市—南京市。（位于中国“黄金水道”——长江下游南岸江苏省境内，-->
        <!--        处于中国沿江及沿海两大经济带的交汇处，上海、南京、苏州、无锡等大中城市环列四周，距上海98公里、苏州58公里、无锡40公里、常州70公里、南通-->
        <!--        30公里、南京200公里，距虹桥机场98公里，浦东机场150公里，南京禄口机场200公里。） -->

        <!--        星语餐厅是一家家式大众餐厅，以星语系列特色菜及盱眙龙虾为主流，兼营冷菜、热菜、酒饮茶等食品，是家庭休闲，商务简餐，朋友小聚，情侣约会，生日聚会的理想处所。餐厅装饰简约时尚，苏州园林文化浓郁。-->

        <!--        星语独有的神秘配方和标准化产品操作流程为产品完全口味统一奠定坚实的基础，将复杂的制作傻瓜化，外地加盟店只要在当地找一批工资底有基础的厨师经总部派遣的技术总监稍做指导，便能做出符合要求的菜肴。星语餐饮有限公司很重视产品的研发和创新，餐单有规律翻新，坚持不断促销活动，使老顾客不断增加，以致生意常年稳定。统一风格的装修，完-->
        <!--        善的培训体系及强大的策划能力给投资者更大的回报目前分店每到一处均生意火爆异常，晚上等台就餐已是司空见惯。特别是每年龙虾上市季节，餐厅内更是人满为 患，必须排队就餐。一般加盟商6-&#45;&#45;&#45;&#45;10个月均能收回所有投入。-->

        <!--        　　星语餐饮连锁加盟总部人才济济，100%大专以上，80%本科以上，其中有清华大学餐饮管理EMBA、工商管理MBA硕士等专家团，为星语餐饮的拓展保驾护航。-->

        <!--        　　“星语餐饮”以宏扬吴越饮食文化为己任，以丰富国民饮食结构，铸造中国餐饮一流品牌为祟高追求。目前公司已经拥有一个大型天然食材基地，直营店4家，加盟店100多家，分布全国各地。“星语餐饮”诚邀有志之士加盟-->
        <!--        ，将星语餐饮饮食文化推向全国，推向世界。-->
    </div>
    <div id="divImg">
        <ul>
            <li><img src="../img/10_hf6d.jpg" height="300" width="300"/></li>
            <li><img src="../img/11_bo39.jpg" height="300" width="300"/></li>
            <li><img src="../img/12_38ve.jpg" height="300" width="300"/></li>
            <li><img src="../img/31_mixq.jpg" height="300" width="300"/></li>
        </ul>
    </div>
</div>
<div id="foothtml"></div>
</body>
</html>